<template>
  <div class="vr-list-item" :style="style" style="border: 1px solid #ccc">
    {{ item.id }}
  </div>
</template>

<script>
export default {
  name: 'item',
  components: {},
  props: {
    item: Object,
    size: Number
  },
  data() {
    return {}
  },
  computed: {
    style() {
      let style = {}
      style.height = `${this.size}px`
      return style
    }
  },
  watch: {},
  created() {},
  mounted() {},
  activated() {},
  deactivated() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {},
  filters: {}
}
</script>
<style scoped lang="scss"></style>
